{header}

<div id="wide" class="box"><div class="bbt"><div class="bbb"><div class="bbl"><div class="bbr"><div class="bbtl"><div class="bbtr"><div class="bbbl"><div class="bbbr">


    <input style="width: 170px;" type="button" class="button" onclick="location='{url_main}';" title="{l_menu_index}" value="{l_menu_home}">
    <input style="width: 170px;" type="button" class="button" onclick="location='{url_main}news.php';" title="{l_date_Info}" value="{l_date_Info}">
    <input style="width: 170px;" type="button" class="button" onclick="location='{url_main}help.php';" title="{l_help}" value="{l_help}">
    <input style="width: 170px;" type="button" class="button" onclick="location='{url_main}contact.php';" title="{l_contact_us}" value="{l_contact_us}">

<br><br>
  <h2>
  <!--<img src="{url_tmpl_main}img/help.png" style="behavior: url('./_server/design/pngbehavior.htc');" align="absmiddle" alt="" width=48 height=48>-->
   {l_help_topics}</h2>
			<div style="width: 650px; padding-left: 20px;">
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td valign="top" width="80" style="padding-top: 8px; padding-bottom: 10px;">
						<!-- begin_topic -->
							<ul class="lrg_margin">
							<li class="bullet_text_med">
							<b><a href="{url_main}help.php?t={id}">{name}</a></b><br><br>
							</li>
							</ul>
						<!-- begin_topic_column -->
						</td>
						<td valign="top" width="80" style="padding-top: 8px; padding-bottom: 10px;">
						<!-- end_topic_column -->
						<!-- end_topic -->
						</td>
					</tr>
				</table>
			</div>
			

			
			
			
			

<div align="left" style="margin-bottom: 20px;">
	<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
		<td class="header_big" valign="middle">
			{topic_name}
		</td>
		<td class="body_little" align="right" valign="middle">
		
<script type="text/javascript">
function showAll()
{
 <!-- begin_show -->
 switchdiv('question{id}-on','question{id}-off');
 <!-- end_show -->
}
function hideAll()
{
 <!-- begin_hide -->
 switchdiv('question{id}-off','question{id}-on');
 <!-- end_hide -->
}
</script>
<a href="javascript:showAll();" class="view_link">{l_show_all_answers}</a> | 
<a href="javascript:hideAll();" class="view_link">{l_hide_all_answers}</a>

		
		</td>
	</tr></table>
</div>

<!-- begin_question -->
<div id="question{id}-off" style="display: block; padding-left: 10px;" align="left">
	<table border="0" cellpadding="0" cellspacing="0"><tr>
	<td valign="top" style="padding-top: 4px; padding-right: 8px;"><img src="images/icon_arrow_closed.gif" width="7" height="7" alt="" border="0"></td><td style="padding-bottom: 16px;">
	<b>{name}</b>
	- <a href="javascript:switchdiv('question{id}-off','question{id}-on');">
	{l_show_this_answer}</a>
	</td></tr></table>
</div>
<div id="question{id}-on" style="display: none; padding-left: 10px;" align="left">
	<table border="0" cellpadding="0" cellspacing="0"><tr>
	<td valign="top" style="padding-top: 4px; padding-right: 8px;"><img src="images/icon_arrow_open.gif" width="7" height="7" alt="" border="0"></td>
	<td>
	<b>{name}</b>
	- <a href="javascript:switchdiv('question{id}-on','question{id}-off');">
	{l_hide_this_answer}</a>
	</td></tr><tr><td></td>
	<td style="padding-bottom: 16px;">{text}</td>
	</tr></table>
</div>
 <!-- end_question -->
		
</div></div></div></div></div></div></div></div></div>

{footer}